.search-box .clear-button {
    -fx-background-color: null;
    -fx-background-image: url("shared-resources/search-clear.png");
}
.search-box .clear-button:hover {
    -fx-background-image: url("shared-resources/search-clear-over.png");
}
.search-box .search-button {
    -fx-background-color: null;
    -fx-background-image: url("shared-resources/search.png");
}
.search-box .search-button:hover {
    -fx-background-image: url("shared-resources/search-over.png");
}

.search-box .up-button {
    -fx-background-color: null;
    -fx-background-image: url("shared-resources/up.png");
}
.search-box .up-button:hover {
    -fx-background-image: url("shared-resources/up-over.png");
}
.search-box .down-button {
    -fx-background-color: null;
    -fx-background-image: url("shared-resources/down.png");
}
.search-box .down-button:hover {
    -fx-background-image: url("shared-resources/down-over.png");
}


.search-box .side-button1 {
    -fx-background-color: null;
    -fx-background-image: url("shared-resources/joint.png");
}
.search-box .side-button1:hover {
    -fx-background-image: url("shared-resources/joint-over.png");
}
.search-box .side-button2 {
    -fx-background-color: null;
    -fx-background-image: url("shared-resources/sin.png");
}
.search-box .side-button2:hover {
    -fx-background-image: url("shared-resources/sin-over.png");
}
